<!DOCTYPE HTML>
<html>
    <meta charset="utf-8">
    <head>
  <title>js手表项目</title>
  <style>
.box1{width: 280px;height: 280px;background: #000000; border-radius: 90%; background-image: url('hm.png');background-repeat: no-repeat; background-size:120px 120px;background-position:80px 80px; color: #fff;}
.an1{margin-top: 70px;margin-left: 110px;align-content: center;font-size: 30px;}
.xzq1{margin-top:130px;margin-left:20px; }
.xzq2{margin-left:140px;}
  </style>
    <script>
        function gradeChange() {
            var objS = document.getElementById("pid");
            var x1 = objS.options[objS.selectedIndex].value;
        console.log("左边选择项："+x1);
          localStorage.setItem('t1',x1);
        }
    </script>
    <script>
    
        function gradeChangey() {
            var objS = document.getElementById("pidy");
            var x2 = objS.options[objS.selectedIndex].value;
           console.log("右边选择项："+x2);
             localStorage.setItem('t2', x2);
        }
    </script>
  </head>
    <body>
<div class="box1">
     <select class="xzq1" id="pid" onchange="gradeChange()">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
      </select>分
    
     <select class="xzq2" id="pidy" onchange="gradeChangey()">
         <option value="较慢">较慢</option>
         <option value="舒缓">舒缓</option>
         <option value="较快">较快</option>
      </select>
	<p class="an1" onclick="anks()">点我</p>
		
		</div>

        <script>
         localStorage.setItem('t1',1);
         localStorage.setItem('t2','较慢');
     function anks(){
          location.href='page.html';
     }
 </script>

    </body>
    
</html>